<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>控制器嵌套</title>
	<link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css">
	<script src="http://lib.sinaapp.com/js/angular.js/angular-1.2.19/angular.min.js"></script>
	<style>
			.result {
				width: 100%;
				height: 450px;
				box-shadow: 1px 1px 5px #333;
			}
	</style>
</head>
<body>
	<div ng-app="myApp" class="container">
		<div ng-controller="parentController">
			<div ng-controller="childController">
				<a href="" ng-click="say()">click me, update info </a>
			</div>
			<b>old father info :</b> 
			<!-- {{ person }} -->
			<p id="old-info"></p>
			<br>
			<b>new father info :</b> 
			<!-- {{ person }} -->
			<p id="new-info"></p>

			<div ng-controller="brotherController">
				<p id="sibling"></p>
			</div>
		</div>
	</div>
	<script src="./controller_scope.js"></script>
</body>
</html>